@charset "utf-8";
/* CSS Document */
.m-menubtn{position: absolute;z-index:1002;width:55px;height:60px;cursor: pointer; right:0;top:0;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:22px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#d5bd9b}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;background:#fff}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#d5bd9b}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}
*/

.m-menu{position: fixed; right:0;left:0;top:60px; width:100%; height:100vh;z-index:400; background:#fff;display: none; overflow:auto}
.m-menu .m-menu-con{ padding:1em;}
.m-menu li{ position: relative;border-bottom: 1px solid #e8e8e8;}
.m-menu li>a{ font-size:16px;line-height:40px; padding:5px 0; position:relative}
.m-menu li>i{ position:absolute; width:50px; height:50px; right:0;top:0;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:25px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:32px;top:17px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu li.on>a{ color:#d5bd9b}

.m-menu a{ display:block; color:#1e1916;}
.m-menu .sub{padding-bottom:10px; display:none}
.m-menu .sub a{color:#333; line-height:26px;font-size:14px; padding:5px 10px; border-bottom:1px solid #f3f3f3; position:relative}
.m-menu .sub a:last-child{ border-bottom:0}


.m-footer{ position:fixed; width:100%; height:55px; line-height:1; left:0; bottom:0;background:#004e90; color:#fff; display:none; z-index:1002; font-size:12px}
.m-footer a{ color:#fff;}
.m-footer li{ float:left; width:50%; text-align:center;}
.m-footer i{ display:block; height:35px;}
.m-footer .li1 i{ background:url(../images/mf-ico1.png) no-repeat center}
.m-footer .li2 i{ background:url(../images/mf-ico2.png) no-repeat center}

@media screen and (max-width:1680px){
.menu{ position:relative; left:auto;-webkit-transform:none;-moz-transform:none; transform:none; float:right; margin-right:50px}
.i-client .wrap{ max-width:1300px}
.i-client .shape li{ margin-bottom:-41px}
.i-clientList .kh-logo img{ max-width:60%;max-height:50%;}
.i-clientTit{height: calc(100% - 43px);top: 42px;}
.i-clientTit .conn .title{ margin-top:18%}
}
@media screen and (max-width:1440px){
.wrap{ max-width:1250px}
.f-nav li{ margin-left:60px}
.i-client .wrap{ max-width:1200px}
.i-client .shape li{ margin-bottom:-38px}
.menu li{ margin:0 25px}
/*.banner .bantxt{ font-size:30px}*/
.banner .bantxt{ font-size:26px}
.nba-tit{ font-size:30px}
.nba-tit h3{ font-size:1.6em}
.nba-tit h4{ font-size:.8em}
}
@media screen and (max-width:1366px){
.menu li{ margin:0 20px}
.i-client .wrap{ max-width:1115px}
.i-client .shape li{ margin-bottom:-35px}
.i-clientTit{height:calc(100% - 38px);top: 37px;}
.i-clientTit .conn .title{ margin-top:8%;margin-bottom: .2em;}
.content-hr .searchLeft{width:280px}
.content-hr .rightCon {
    width: calc(100% - 280px);
    padding-left: 30px;
}
.content-hr .nrightCon{padding-left:20px}
}
@media screen and (max-width:1200px){
.header .wrap{ max-width:100%}
.search{ display:none}
.menu{ margin-right:0}
.banner .bantxt{ font-size:25px}
.teamList .txt h3{font-size: 1.5em;margin-bottom: .6em;}
.teamList .lx{bottom:20px}
.teamList .lx li{word-break: break-all;line-height: 1.2;}
.teamList .intro span{line-height: 1.2;}
}
@media screen and (max-width:1024px){
.header{ font-size:16px;box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.menu{ display:none}
.logo{ padding-top:0; float:left; height:60px;}
.logo a{ display:flex; display:-webkit-flex;align-items:center;height: 100%;}
.logo img{ height:45px}
.m-menubtn{ display:block}
.banner, .nbanner{ margin-top:60px}
.banner .bantxt{ font-size:20px}
.banner .swiper-pagination-bullet{ width:8px; height:8px; border-radius:50%}
.banner .swiper-pagination-bullet:after{ display:none}
.banner .swiper-pagination-bullet-active{ background:#fff}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px}
.space{ padding:30px 0}
.title{font-size:1.6em;margin-bottom: 1em;}
.i-business .tit{ padding:0 1em 1em;font-size: 20px;}
.i-business .txthide{ padding:1.5em}
.i-business .txthide .ttit{ font-size:18px;margin-bottom: .5em;}
.i-business .txthide p{ margin-bottom:.5em}

.i-field .tab{ margin-bottom:1.5em}
.i-field .tab li{font-size: 1em;margin: 0 5px;}
.i-field .list_2 li{ width:48%}
.i-field .list_1 .tit, .i-field .list_2 .tit{ font-size:18px}
.i-field .list_1 .titen, .teamBox .list_1 .titen{ min-height:inherit}
.i-field .list_1 a, .teamBox .list_1 a{ padding:1.5em}
.i-field .list_2 .top, .teamBox .list_2 .top{ padding:1.5em 1.5em 0 1.5em}
.i-field .list_2 .sub, .teamBox .list_2 .sub{ padding: 0 1.5em 1.5em calc(1.5em + 80px);}

.i-client .shape{ display:none}
.i-clientTit{ position:relative; width:auto; height:auto; left:inherit;top:inherit; -webkit-transform:none;-moz-transform:none;transform:none; margin-bottom:1em}
.i-clientTit .conn{ background:none;-webkit-clip-path:none;clip-path:none;padding:0}
.i-clientTit .conn .title{ margin-top:1em}
.i-clientTit .conn .intro{ text-align:center; margin-bottom:1em}
.i-clientList{ position:relative;width:100%;left:0;padding-bottom:30px;}
.i-clientList{ display:none}
.i-clientList-m{ display:block}

.i-job-pic{ display:none}
.i-searchBox, .i-search, .i-rck{height:350px}
.i-rcklist{ height: 220px;}
.i-search{padding-top:110px; padding-left:0;padding-right: 0;width: 100%;}
.i-search .tab, .i-search .tabCon{ width: 210px; margin-left: auto;margin-right: auto;}
.i-searchBox .txt{ width:50%; padding:5%; font-size:30px; margin-top:0}
.i-search:before, .i-search:after{ display:none}
.i-searchBox .titen{ padding-top:0}


.footer{ line-height:1.8; padding:30px 0}
.f-contact, .footer .right{max-width:100%;width: 100%;}
.f-nav{ display:none}
.copyright{ text-align:left;margin-top:1em}
.f-contact h3{ font-size:20px;margin-bottom: .5em;}

.float_kf .item>a{ width:40px; height:40px}
.float_kf .backtop:before{width: 10px;height: 10px;left:16px;top:18px;}

.nba-tit{ font-size:20px}
.inner-nav{ font-size:18px}
.inner-nav li{ margin:0 10px}
.inner-nav a{padding: 15px 0;}
.benifit li{ width:19%}
.contact-list .txt{ padding:1.5em}
.contact-list .tit{ font-size:1.25em;margin-bottom:0}

.serList .tit{ font-size:30px}
.serList .intro{ margin-bottom:1em}
.serList li{ padding:40px 0}
.content-abt .txt-box{ padding-left:4%}
.content-abt .txt-box .by{ font-size:1.1em}
.culture h3{ font-size:1.25em}
.gshjList{ padding-bottom:40px}
.gshjList .swiper-pagination-bullet{ width:8px; height:8px}
.horList a{ padding:1.5em}
.headerHeight{ height:61px}
.main-newsTOP{ padding:4em 0}
.newstit{ font-size:2em}
.newsLeft, .newsRight{ width:100%}
.newsRight{ margin-top:2.5em; padding:1.5em}
.nav-second{ margin-bottom:30px}
.nav-second .item{ width:30%}
.wrapper-dropdown>span{ line-height:40px;padding: 0 15px;border-radius: 25px;}
.wrapper-dropdown>span i{ right:15px}
.wrapper-dropdown .dropdown{ border-radius:25px;padding:45px 15px 10px 15px;}
.wrapper-dropdown .dropdown li a{ padding:10px 0}
.clientList{ padding:3% 0 2%}
.teamBox .list li{ width:48%}
.teamBox .list_1 .tit, .teamBox .list_2 .tit{ font-size:18px}
.teamList .txt{ padding:1.5em}
.teamList .more{ left:1.5em;bottom:1.5em}
.teamList .lx{ position: relative;width: 100%;bottom:auto;left:auto;margin-top:1.5em}
.teamDetail .rtit, .content-team .siderBar .txt h3{ font-size:1.25em}
.content-hr .searchLeft{ width:260px}
.content-hr .rightCon{ width:calc(100% - 260px); padding-left:3%}
.content-hr02 .nrightCon{ width:100%; padding-left:0}
.content-hr .searchLeft .tit{ padding:5px 1.5em; font-size:18px}
.content-hr .searchLeft form{ padding:1.5em}
.content-hr .searchLeft .item{ margin-bottom:15px}
.content-hr .searchLeft input[type=text]{ line-height:35px}
.content-hr .searchLeft select{ height:37px; font-size:14px}
.content-hr .searchLeft input[type=submit]{ height:40px; line-height:40px;margin-top:.5em}
.content-hr .rightCon .top{padding:5px 1.5em;}

.hrList{ padding:1% 1.5em}
.hrList .jobtit, .jobdetail .jobtit{ font-size:1.25em}
.hrList .jobcom, .jobdetail .jobcom{ font-size:1em;line-height: 1.5;}
.hrList .jobother p{ margin-right:3%; padding-right:3%}
.hrList .jpbintro{ margin-bottom:1em}
.content-hr .searchLeft .other{ padding:1.5em} 
.jobdetail-top{ padding:8px 1.5em;}
.jobdetail{ padding:1.5em}
.teamRelated .ewm{ width:90px; padding:0;font-size: .8em;}
.teamRelated-ul .txt{width: calc(70% - 120px);padding: 0 2em;}
.teamRelated-ul .txt h3{font-size: 1.5em;}
.sendresumeCon{ width:600px}
.hrlist02-Box{ padding:1.5em}
.hrlist02-Box .tit>div.gzjl, .hrList02 .row .gzjl{ display: none;}
.hrlist02-Box .tit>div, .hrList02 .row>div{width:calc(calc(100% - 50px) / 5)}
}
@media screen and (max-width:768px){
body, html{ font-size:14px}

.m-footer{ display:block}
.float_kf{ display:none}
.footer{ padding-bottom:70px}
.i-field .list_2 .sub p{ display:block}
.i-clientList-m{ margin:0}
.i-clientTit .conn .intro{ margin-bottom:.5em}
.i-searchBox, .i-rck{width:100%}
.i-rck{ padding: 1.5em;margin-top: 2%;height:auto}
.nba-tit{ font-size:16px}
.benifit ul{ flex-wrap:wrap; justify-content:center}
.benifit li{ width:30%; margin:0 1% 2%}
.benifit li .ico, .culture .ico{ width:80px; height:90px}
.benifit li .ico img, .culture .ico img{ width:45px}
.form-message input[type=submit]{ width:120px; height:40px;font-size:14px}
.culture h3{ font-size:1.15em}
.culture h4{ font-size:.9em}
.serList .tit{ font-size:1.6em}
.content-abt{ display:block}
.content-abt .img-box{ width:100%}
.content-abt .txt-box{ width:100%; padding:1.5em 0 0}
.horList li{ width:48%}
.main-newsTOP{ padding:3em 0}
.newstit{ font-size:1.6em}
.newstm{ font-size:12px; margin-top:1em}
.page-list{ margin-top:2em; padding-top:1em}
.page-list .more{top:1.5em}
.newsRight li{ padding:10px 0}
.teamList .cont{ flex-wrap:wrap}
.teamList .pic, .teamList .txt{ width:100%}
.teamList .more{ position:relative; left:auto;bottom:auto}
.teamList .txt h3{ margin-bottom:.5em}
.teamList .txt .intro{ margin-bottom:1em}
.content-team .rightCon .more{ margin-top:2em}
.content-team{ flex-wrap:wrap;padding:0}
.content-team .siderBar{ width:50%; margin:0 auto 2em}
.content-team .rightCon{ width:100%}
.content-hr{ flex-wrap:wrap}
.content-hr .searchLeft{ width:100%}
.content-hr .rightCon{ width:100%; padding-left:0; margin-top:1em}
.content-hr02 .nrightCon{ margin-top:0}
.content-hr .rightCon .top{ margin-bottom:1px}
.content-hr .searchLeft .other{ display:flex; display:-webkit-flex;flex-wrap:wrap; padding-bottom: 1em;}
.content-hr .searchLeft .other li{ width:31.33%; margin-right:2%;margin-bottom: 2%;border-bottom:0;padding-bottom:0;padding-left: 25px;}
.teamRelated{ margin-top: 2em;}
.hrList li{ padding:4% 0}
.hrList .jobtit, .jobdetail .jobtit{font-weight: 500;}
.hrList .jobtop .jobsend{display: none;}
.hrList .jobbot a.jobsend{ display: block;}
.hrList .jobbot a{line-height:36px;width: 100px;}
.more2{width:120px; margin-top:20px; height:40px; line-height:40px;font-size: 14px;}
.jobdetail-con .listCon .tit li, .jobdetail-con .listCon .list li div{padding:10px;line-height:1.2}
.jobdetail-con .listCon .tit li:nth-child(2), .jobdetail-con .listCon .list li div:nth-child(2){padding:10px 0}
.jobdetail-con .listCon .list li div:nth-child(2){word-break: break-word;}
.hrlist02-Box .tit>div, .hrList02 .row>div{ line-height: 1.2; padding: 12px 5px;}
.tmimgList li{width: 48%;}

}
@media screen and (max-width:640px){
.space{ padding:20px 0}
.title{ font-size:1.5em}
.title:after{ width:30px;margin-top: 10px;}
.more{ font-size:.9em;}
.banner .bantxt{ font-size:16px;width: 100%;}
.banner .bantxt h3{ font-size:1.5em}
.f-ewm{ width:90px;}
.f-ewm span{ font-size:12px}
.f-contact ul{ width:calc(100% - 90px); padding-left:20px;margin-left:0;}
.f-contact li.tel, .f-contact li.mail, .f-contact li.add{ padding-top:0; padding-left:25px}
.f-contact li.tel, .f-contact li.mail{background-position: left center;}
.i-business ul{ margin-right:0; flex-wrap:wrap}
.i-business li{ width:100%;margin-right:0; margin-bottom:3%}

.i-field .list_1 .tit, .i-field .list_2 .tit{ font-size:16px}
.i-field .list_1 .titen, .i-field .list_2 .titen{ line-height:1.2}
.i-field .list_2 .sub p span:nth-child(2){ display:block; padding-left:0}
.i-field .list_1, .i-field .list_2, .teamBox .list{ margin-right:0}
.i-field .list_1 li, .i-field .list_2 li, .teamBox .list li{ width:100%;margin-right:0}

.i-searchBox{height:auto}
.i-search{ height: 260px;background-size: auto 350px;padding-top: 70px;}
.i-search .tab, .i-search .tabCon{ width: 200px;}
.i-search .tab{ font-size:20px}
.i-search input[type=text]{ font-size:14px}
.i-search input[type=button]{ font-size:16px}
.i-searchBox .txt{ font-size:20px; width:100%;display: none;}


.contact-list ul{ margin-right:0}
.contact-list li{ width:100%; margin-right:0}
.form-message input[type=text], .form-message textarea{ font-size:14px; padding:0 10px; line-height:40px}
.form-message textarea{ height:120px}
.form-message .item .file{ width:100px;margin-top:15px;}
.form-message .item .filetxt{ margin-top:15px}
.form-message input[type=submit]{ width:120px; margin-top:20px; height:40px}

.hrList-hot a:before{ width:3px}
.serList a{ flex-wrap:wrap}
.serList .pic{ width:100%}
.serList .txt{ padding:1.5em 0 0; width:100%}
.serList li:first-child{ padding-top:.5em}
.serList li{ padding:1em 0}
.serList .tit{ margin-bottom:.6em;padding-left:.8em;font-size: 1.285em;}
.serList .intro{ font-size:1em;}
.gshjList{ padding-bottom:30px}
.nav-second{ margin-bottom:25px}
.nav-second .item{ width:48%}
.teamBox .list_1 .tit, .teamBox .list_2 .tit{ font-size:16px}
.teamBox .list_2 .sub p span:nth-child(2){ display:block;padding-left: 0;}
.teamBox .list_2 .sub p{ display:block}
.content-team .siderBar{ width:70%;}
.sendresumeCon{ width:96%; padding:1.5em}
.hrlist02-Box .tit>div{ padding:8px 5px}
.hrlist02-Box .tit>div.last, .hrList02 .row>div.last{ width:40px}
.hrlist02-Box .tit>div:not(:last-child), .hrList02 .row>div:not(:last-child){width: calc(calc(100% - 40px) / 5);}
.hrList02 .row>div{ padding:12px 5px}
.hrList02 .row>div.last:after{ left:30%}
.hrList .jobother{align-items:flex-start;margin:1em 0}
.hrList .jobother p{width:33.33%; margin-right: 0;}
.hrList .jobother p span{ display: block;}
.hrList .jobother p:after{ display: none;}
.hrList .jobother p:nth-child(1){background: url(../images/job-ico1.png) no-repeat left top;}
.hrList .jobother p:nth-child(2){background: url(../images/job-ico2.png) no-repeat left top;}
.hrList .jobother p:nth-child(3){background: url(../images/job-ico3.png) no-repeat left top;}

}
@media screen and (max-width:480px){
.logo img{ height:40px}
.banner .bantxt h4{ font-size:.85em;font-weight:400}
.banner .bantxt h3{ font-size:1.2em}
.i-business .txthide{ padding:1em}
.i-business .txthide p{-webkit-line-clamp:2; min-height:inherit}
.i-business .txthide .ttit span{ line-height:1.2}
.i-business .txthide .ttit{ font-size:18px}

.i-field .list_1 a, .teamBox .list_1 a{ padding:1.5em 1em}
.i-field .list_2 .top, .teamBox .list_2 .top{padding: 1.5em 1em 0 1em;}

.i-field .tab{ margin-bottom:1em}
.i-field .tab li{min-width:120px;margin:0 2px}

.i-field .list_1 .ico, .i-field .list_2 .ico, .teamBox .list_1 .ico, .teamBox .list_2 .ico{ width:45px; height:45px}
.i-field .list_1 .ico img,.i-field .list_2 .ico img, .teamBox .list_1 .ico img, .teamBox .list_2 .ico img{ width:45px}
.i-field .list_1 li:hover .ico img, .i-field .list_2 li:hover .ico img, .teamBox .list_1 li:hover .ico img, .teamBox .list_2 li:hover .ico img{top:-45px}
.i-field .list_1 .txt, .i-field .list_2 .txt, .teamBox .list_1 .txt, .teamBox .list_2 .txt{width: calc(100% - 45px); padding-left:1em}
.i-field .list_2 .sub, .teamBox .list_2 .sub{padding: 0 1em 1.5em calc(2em + 45px);}

.i-clientList-m{ padding-bottom:12%}
.i-clientList-m .item{width:24%; margin-right:1%;margin-bottom: -5.5%;}
.i-clientList-m .swiper-slide{ padding-left:0}
.i-search{ height: 220px;background-size: auto 300px; padding-top:60px;}
.i-search .tab, .i-search .tabCon{width: 160px;}
.i-search .tab{ font-size: 16px;margin-bottom: 10px;}
.i-search .tab li:first-child {
    margin-right: 8px;
    padding-right: 8px;
}
.i-search .tab li:first-child::after {height:12px}
.i-search input[type=submit]{ line-height: 36px; font-size: 15px;margin-bottom: 10px;}
.i-search input[type=text]{padding: 4px 6px;}
.i-rck .tit h3{font-size: 16px;}
.footer{ line-height:1.4; font-size:12px; padding-top:20px}
.f-contact ul{ padding-left:10px}
.f-contact h3{ font-size:16px}

.content{ line-height:1.8}
.nbanner:before{ padding-top:26%}
.nba-tit h3{ font-size:1.25em}
.nba-tit h4{ font-size:.7em}
.inner-nav{ font-size:16px}
.inner-nav a{padding: 10px 0;}
.inner-nav a:after{bottom:-1px;height:2px}
.contact-list .txt{ padding:1em}
.benifit li{ width:100%; margin:0 0 2%;display: flex; display:-webkit-flex;align-items:center; text-align:left}
.benifit li .ico{ width:70px; height:75px; margin:0 1em 0 0}
.benifit li .ico img{ display:block; width:40px}
.hrList-hot li{ width:100%}
.hrList-hot a{ font-size:1.1em;padding:.5em 1em}
.culture .ico{ width:60px;height:65px}
.culture .ico img{ width:30px}
.culture h3{ font-size:1em}
.culture h4{font-size:.8em;}
.horList ul{ margin-right:0}
.horList li{ width:100%; margin-right:0;margin-bottom: 4%;}
.main-newsTOP{ padding:2.5em 0}
.newstit {font-size: 1.4em;}
.clientList {padding-top: 5%;}
.clientList ul{ margin-left:1%}
.clientList li{ width:24%;margin-right:1%}
.clientList li:nth-child(9n+1), .clientList li:nth-child(9n+2), .clientList li:nth-child(9n+3), .clientList li:nth-child(9n+4) {
    margin-bottom:0;
    margin-top: 0;
}
.clientList li:nth-child(9n+1) {
    margin-left: 0;
}
.clientList li:nth-child(7n+1), .clientList li:nth-child(7n+2), .clientList li:nth-child(7n+3){
    margin-bottom:-5.5%;
    margin-top: -5.5%;
}
.clientList li:nth-child(7n+1) {
    margin-left: 12.5%;
}
.teamBox .title{ margin-bottom:.6em}
.teamBox .list{ margin-bottom:1.5em}
.teamList>ul{ margin-right:0}
.teamList>ul>li{ width:100%; margin-right:0;}
.content-team .siderBar{ width:100%;}
.jobdetail .jobcom{ margin-bottom:1em; padding-bottom:.5em}
.teamRelated-ul>li{flex-wrap:wrap}
.teamRelated-ul .pic{ width:100%}
.teamRelated-ul .txt{ padding:1em;width: calc(100% - 110px);}
.horList a{ padding:1em}
.newsRight{ margin-top:1.5em; padding:1em}
.newsRight h3{ margin-bottom:0}
.page-list p{ width:calc(100% - 100px)}
.content-hr .searchLeft form{ padding:1em}
.content-hr .searchLeft .tit, .content-hr .rightCon .top{ padding:5px 1em}
.content-hr .searchLeft .other li{width: 100%;margin-right: 0;}
.hrList{ padding:0 1em}
.hrList .jobtit, .jobdetail .jobtit{ font-size:1.15em}
.jobdetail-top{ padding:8px 1em}
.jobdetail, .content-hr .searchLeft .other, .teamList .txt, .hrlist02-Box{ padding:1em}

.hrList .jobother p span{display: block;}


}